// 공통 스타일 정의
const errorStyle = {
  color: "red",
  fontSize: "20px",
  marginTop: "1px",
  display: "block",
};

const successStyle = {
  color: "",
  fontSize: "",
  marginTop: "",
};

const errorBorder = "2px solid red";
const successBorder = "";

// 유효성 검사 함수들
const validateEmail = (email) => {
  if (!email) {
    return {
      error: true,
      message: "이메일을 입력해주세요",
    };
  }

  const regex = /^((?!\.)[\w\-_.]*[^.])(@\w+)(\.\w+(\.\w+)?[^.\W])$/;
  const isValid = regex.test(email);

  return {
    error: !isValid,
    message: isValid ? "" : "잘못된 이메일 형식 입니다.",
  };
};

const validatePassword = (password) => {
  if (!password) {
    return {
      error: true,
      message: "비밀번호를 입력해주세요.",
    };
  }

  const isValid = password.length > 8;
  return {
    error: !isValid,
    message: isValid ? "" : "비밀번호를 8자 이상 입력해주세요.",
  };
};

const validateNickname = (nickname) => {
  const isValid = nickname.length >= 1;
  return {
    error: !isValid,
    message: isValid ? "" : "닉네임을 입력해주세요.",
  };
};

const validatePasswordCheck = (passwords) => {
  const isValid = passwords.password1 === passwords.password2;
  return {
    error: !isValid,
    message: isValid ? "" : "비밀번호가 일치하지 않습니다",
  };
};

// 메인 함수
export function checkError(code, data = "") {
  let validationResult;

  switch (code) {
    case "email":
      validationResult = validateEmail(data);
      break;
    case "password":
      validationResult = validatePassword(data);
      break;
    case "nickname":
      validationResult = validateNickname(data);
      break;
    case "passwordCheck":
      validationResult = validatePasswordCheck(data);
      break;
    default:
      return {
        error: false,
        message: "",
        messageStyle: successStyle,
        inputBorder: successBorder,
      };
  }

  return {
    error: validationResult.error,
    message: validationResult.message,
    messageStyle: validationResult.error ? errorStyle : successStyle,
    inputBorder: validationResult.error ? errorBorder : successBorder,
  };
}

// validation.js - 검증 로직
export const validators = {
  email: (value) => {
    if (!value) return { isValid: false, message: '이메일을 입력해주세요' };
    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
      return { isValid: false, message: '올바른 이메일 형식이 아닙니다' };
    }
    return { isValid: true, message: '' };
  },
  
  nickname: (value) => {
    if (!value) return { isValid: false, message: '닉네임을 입력해주세요' };
    return { isValid: true, message: '' };
  },
  
  password: (value) => {
    if (!value) return { isValid: false, message: '비밀번호를 입력해주세요' };
    if (value.length < 8) {
      return { isValid: false, message: '비밀번호는 8자 이상이어야 합니다' };
    }
    return { isValid: true, message: '' };
  },
  
  passwordCheck: (value, formValues) => {
    if (!value) return { isValid: true, message: '' }; // 빈 값은 허용
    if (value !== formValues.password) {
      return { isValid: false, message: '비밀번호가 일치하지 않습니다' };
    }
    return { isValid: true, message: '' };
  }
};

export function checkError(type, data = "") {
  const validator = validators[type];
  if (!validator) {
    return {
      error: false,
      message: "",
      messageStyle: successStyle,
      inputBorder: successBorder,
    };
  }

  const result = validator(data);
  return {
    error: !result.isValid,
    message: result.message,
    messageStyle: !result.isValid ? errorStyle : successStyle,
    inputBorder: !result.isValid ? errorBorder : successBorder,
  };
}